<Html>
    <head>
        <title>介绍</title>
    </head>
    <body>
        <script>
            // 介绍

                /*
                     一、Vuex是什么？

                                Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

                                它采用 "集中式存储、管理" 应用的 "所有组件的状态"  ,并以相应的规则保证状态以一种可预测的方式发生变化。

                                uni-app 内置了 Vuex ！！
                */


                /*
                      二、什么是 "状态管理模式"？

                                让我们从简单的Vue计数应用开始：

                                        <!--view 视图--
                                        <template>
                                            <view>
                                                {{ count}}
                                            </view>
                                        </template>
                                        <script>
                                            export default{
                                                / state 数据源
                                                data(){
                                                    return {
                                                        count:0
                                                    }
                                                },
                                                
                                                // 控制状态变化
                                                methods:{
                                                    incorement(){
                                                        this.count++
                                                    }
                                                }
                                            }
                                        <//script>

                                这个 "状态管理应用" 包含以下几个部分：

                                        ①、 state  驱动应用的数据源

                                        ②、 view   以声明的方式将 state 映射到视图
                                        
                                        ③、 actions 响应在view 上的用户输入导致的状态变化。

                                以下是一个表示“单向数据流”理念的简单示意图：

                                            图片url：  https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/vuex-flow.png
                                            
                                但是，当我们的应用遇到 "多个组件共享状态"时，单向数据流的简洁性很容易被破坏

                                       1、多个视图依赖于同一个状态

                                       2、来自不同视图的行为需要变更同一个状态
                                
                                因此，我们把组件的共享状态抽取出来，以一个全局单例模式管理。在这种模式下，我们的组件树构成了一个巨大的 "视图"，不管在树的哪个位置，

                                任何组件都能获取状态或触发行为 ！  这就是 Vuex 的产生。

                                通过定义和隔离状态管理中的各种概念并通过强制规则维持视图和状态间的独立性，我们的代码将会变得更结构化且易维护。

                                这就是 Vuex 背后的基本思想。

                                Vuex 是专门为 Vue.js 设计的状态管理库，以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。


                                如果你想交互式地学习 Vuex，可以看这个 Scrimba 上的 Vuex 课程，它将录屏和代码试验场混合在了一起，你可以随时暂停并尝试。

                                                https://scrimba.com/learn/vuex

                */
        </script>
    </body>
</Html>